<div id='{{name}}'>
	<query-layout>
		<template #query>
			<el-row type="flex" jsutify="space-around">
				<el-col>
					<el-row type="flex" justify="start">
						<el-col span="4">
							<el-input placeholder=""></el-input>
						</el-col>
						<div>
							<el-button-group>
								<el-button type="primary" icon="el-icon-search" @click="search"></el-button>
								<el-button icon="el-icon-refresh" @click="search"></el-button>
							</el-button-group>
						</div>
					</el-row>
				</el-col>
				<el-button icon="el-icon-plus" type="primary" @click="add()">新增</el-button>
			</el-row>
		</template>
		<template #default>
			<vxe-grid ref="vxegrid" :columns="columns" align="center" height="auto" v-bind="gridOptions" @cell-click="cellClick">
				<template #operate="{row}">
					<el-button type="text" @click="deleteRow(row)">删除</el-button>
				</template>
			</vxe-grid>
		</template>
	</query-layout>
</div>
<style>
	#{{name}} {
		height: 100%;
		padding: 10px;
	}
</style>
<script>
	require([ELMP.resource('js/index.js', '{{name}}')], function (module) {
		module.init();
	});
</script>